<script setup>
const props = defineProps({
	obj: {
		type: Object,
		default:()=>{
			return {
				title:'探讨在当前注重外貌的社会环境中，化妆品市场的消费者行为变化以及企业所采取的有效的营销手段，例如社交媒体营销、网红带货等。例如社交媒体营销、网红带货等。',
				hint1:'作者名字',
				hint2:'美妆风尚志',
				hint3:'20241010-12:12'
			}
		},
	}
})
</script>

<template>
	<div class="title">{{obj.title}}</div>
	<div class="hint">
		<span class="text">{{obj.hint1}}</span>
		<span class="text">{{obj.hint2}}</span>
		<span class="text">{{obj.hint3}}</span>
	</div>
</template>

<style scoped lang="scss">
@import "../../../css/common";
.title{
	width: 360px;
	font-weight: 430;
	font-size: 20px;
	color: #000000;
	@include line-clamp(28px);
}
.hint{
	margin-top: 12px;
	.text{
		font-weight: 305;
		font-size: 16px;
		color: rgba(0,0,0,0.5);
		line-height: 19px;
		margin-right: 16px;
		&:last-child{
			margin-right: 0;
		}
	}
}
</style>
